import React, { Component } from 'react';
import styles from './common.css';
import { Divider, Table} from 'antd';

const columns = [
  {
    title: '职位要素',
    dataIndex: 'factor',
    key: 'factor',
    render: text => <span className={styles.text}>{text}</span>,
    width: '15%',
  },
  {
    title: '解释',
    dataIndex: 'explain',
    key: 'explain',
    width: '85%',
    render: text => <span className={styles.text}>{text}</span>,
  }
];

const data = [
  {
    key: '1',
    factor: '兼职类型',
    explain: '目前我们给企业提供了保安/充场/会展协助/临时派单/话务员/临时促销/服务员等7个兼职类型，如果这些兼职类型无法满足请联系网站管理员添加',
  },
  {
    key: '2',
    factor: '考勤员',
    explain: '发布者可以看到本公司内所有的管理员和考勤员，考勤员可以登录兼职管理端对此职位的工作进行考勤管理',
  },
  {
    key: '3',
    factor: '保障金',
    explain: '为防止兼职者恶意申请，兼职人员报名设置了保障金的职位须支付设置金额的保障金。保障金由平台负责管理，在工作完成后会随工资一同发放给兼职人员。保障金不走公司账户余额',
  },
  {
    key: '4',
    factor: '分享奖励金',
    explain: '为发挥本平台特色，保证用户的转发传播积极性。我们对转发和传播的用户进行奖励。奖励金会在发放工资时在公司账户余额扣除。账单显示的工资=实际发放工资+奖励金',
  },
  {
    key: '5',
    factor: '再次发布',
    explain: '考虑到公司招聘的职位往往重复，减少公司管理员的操作工作量。我们给企业提供职位再次发布的功能，再次发布的职位，企业需要重新填写职位的开始结束时间',
  },
  {
    key: '6',
    factor: '存草稿',
    explain: '存草稿的职位，兼职人员无法查看。企业可以对此状态的职位做全量修改',
  },
  {
    key: '7',
    factor: '发布',
    explain: '发布后的职位，兼职人员可以查看并且可以报名。考虑到职位的契约性，企业不可以大幅修改兼职内容',
  },
  {
    key: '8',
    factor: '发布后修改',
    explain: '企业可以在职位发布后做如下修改：提高奖励金、增加用工人数、减少用工人数到已录用人数、增加工资、更改考勤员、更改联系人。注意职位标题和职位描述都不可修改',
  },
  {
    key: '9',
    factor: '预览',
    explain: '由于发布后的职位仅可以做有限修改，我们强烈建议企业在发布职位后做充分的预览检查',
  },
]


export default class AccountManagement extends Component {

  render() {
    return(
      <div className={styles.content}>
        <div className={styles.header}>职位管理说明</div>
        <Divider />
        <div className={styles.text}>企业管理员可以通过兼职管理端发布职位，职位具有诸多要素，大众易理解的不一一解释，解释以下几个职位要素。</div>
        <div className={styles.table}>
          <Table columns={columns} dataSource={data} pagination={false} />
        </div>
      </div>
    );
  }
};